تجربه کاربری را برای مشتریان شناخته شده سفارشی کنید

برای شناسایی مشتریان شناخته شده از یک Worklet Storage مشترک استفاده کنید.

Shared Storage API یک پیشنهاد Privacy Sandbox برای اهداف عمومی، فضای ذخیره‌سازی بین سایتی است که از بسیاری از موارد استفاده ممکن پشتیبانی می‌کند. یک مثال شناسایی مشتریان شناخته شده است که برای آزمایش در Chrome 104.0.5086.0 و جدیدتر در دسترس است.

می‌توانید ذخیره‌سازی کاربر در سایت شما را در فضای ذخیره‌سازی مشترک ذخیره کنید، سپس یک عنصر جداگانه را بر اساس وضعیت ذخیره‌شده کاربر (آیا کاربر یک مشتری «مشخص» است) ارائه دهید.

مشتریان شناخته شده را تنظیم کنید

برای آزمایش شناسایی مشتریان شناخته شده در فضای ذخیره‌سازی مشترک، تأیید کنید که از Chrome 104.0.5086.0 یا جدیدتر استفاده می‌کنید. همه APIهای حریم خصوصی تبلیغات را در chrome://settings/adPrivacy فعال کنید.

همچنین می‌توانید ذخیره‌سازی مشترک را با پرچم --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames در خط فرمان فعال کنید.

با نمونه کد آزمایش کنید

ممکن است بخواهید یک عنصر متفاوت را بر اساس اینکه کاربر در سایت دیگری دیده شده است ارائه دهید. برای مثال، یک ارائه‌دهنده پرداخت ممکن است بخواهد دکمه «ثبت‌نام» یا «اکنون بخرید» را بر اساس اینکه کاربر در سایت ارائه‌دهنده پرداخت ثبت‌نام کرده است، ارائه دهد. از فضای ذخیره‌سازی مشترک می‌توان برای تنظیم وضعیت کاربر و سفارشی کردن تجربه کاربری وی بر اساس آن وضعیت استفاده کرد.

در این مثال:

  • known-customer.js در یک قاب تعبیه شده است. این اسکریپت گزینه هایی را تنظیم می کند که کدام دکمه باید در یک سایت نمایش داده شود، "ثبت نام" یا "اکنون خرید".
  • known-customer-worklet.js یک ابزار ذخیره سازی مشترک است که مشخص می کند کاربر شناخته شده است یا خیر. اگر کاربر شناخته شده باشد، اطلاعات برگردانده می شود. اگر کاربر ناشناس باشد، آن اطلاعات برای نمایش دکمه "ثبت" برگردانده می شود و کاربر به عنوان شناخته شده برای آینده علامت گذاری می شود.

شناخته شده-customer.js

// The first URL for the "register" button is rendered for unknown users.
const BUTTON_URLS = [
  { url: `https://${advertiserUrl}/ads/register-button.html` },
  { url: `https://${advertiserUrl}/ads/buy-now-button.html` },
];

async function injectButton() {
  // Load the worklet module
  await window.sharedStorage.worklet.addModule('known-customer-worklet.js');

  // Set the initial status to unknown ('0' is unknown and '1' is known)
  window.sharedStorage.set('known-customer', 0, {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation to choose the button based on the user status
  const fencedFrameConfig = await window.sharedStorage.selectURL('known-customer', BUTTON_URLS, {
    resolveToConfig: true
  });

  // Render the opaque URL into a fenced frame
  document.getElementById('button-slot').src = fencedFrameConfig;
}

injectButton();

شناخته شده-customer-worklet.js

class SelectURLOperation {
  async run(urls) {
    const knownCustomer = await sharedStorage.get('known-customer');

    // '0' is unknown and '1' is known
    return parseInt(knownCustomer);
  }
}

register('known-customer', SelectURLOperation);

موارد استفاده کنید

همه موارد استفاده موجود برای Select URL API را می‌توانید در این بخش پیدا کنید. با دریافت بازخورد و کشف موارد آزمایشی جدید، به افزودن نمونه‌ها ادامه خواهیم داد.

مشارکت کنید و بازخورد را به اشتراک بگذارید

توجه داشته باشید که پیشنهاد انتخاب URL API در حال بحث و توسعه فعال است و ممکن است تغییر کند.

ما مشتاقیم نظرات شما را در مورد Select URL API بشنویم.

در جریان باشید

  • فهرست پستی : برای آخرین به‌روزرسانی‌ها و اطلاعیه‌های مربوط به انتخاب URL و APIهای ذخیره‌سازی مشترک، در فهرست پستی ما مشترک شوید.

به کمک نیاز دارید؟